<!DOCTYPE html>
<meta charset=utf-8>
<title>Animating with KeyframeEffect objects</title>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<body>
<div id="target">x</div>
<script>
"use strict";

promise_test(function(t) {
  var effect = new KeyframeEffect(target, { opacity: [0, 0.9] }, 1000);
  var anim = target.animate(null);
  anim.effect = effect;

  return Promise.all([anim.ready]).then(function() {
    assert_true(internals.isCompositedAnimation(anim),
        "Opacity animation with KeyframeEffect should be composited");
  });
}, "Using KeyframeEffect should not change whether an animation is composited");

</script>
</body>
